import React, { PureComponent } from 'react';
import { Route } from 'react-router-dom';
import Certification from './Certification';
import Region from './Region';
import Steps from './Steps';

class Index extends PureComponent {
  render() {
    const { match } = this.props;
    return (
      <div className="user-cont">
        <Route path={`${match.path}/`} exact component={Certification} />
        <Route path={`${match.path}/region`} component={Region} />
        <Route path={`${match.path}/steps`} component={Steps} />
      </div>
    );
  }
}

export default Index;
